
import ReactDOM from 'react-dom/client'
import './index.css'
import {ConfigProvider, FloatButton, Image, Popover} from "antd";
import {QrcodeOutlined} from '@ant-design/icons'
import {RouterProvider} from "react-router-dom";
import router from "./router/index.jsx";
import loginPng from "../public/images/login.jpg";
const content  = (
    <Image
        width={300}
        src={loginPng}
    />
)
ReactDOM.createRoot(document.getElementById('root')).render(
    <ConfigProvider
        theme={{
            token: {
                // Seed Token，影响范围大
                colorPrimary: '#7b79f1',
                borderRadius: 8,
                // 派生变量，影响范围小
                // colorBgContainer:'#6094ea'
            },
        }}
    >
        <RouterProvider router={router}/>


        <Popover content={content} title="扫码关注公众号【my问答助手】，回复【401】获取访问密码">
            <FloatButton
                shape="square"
                type="primary"
                style={{
                    right: 24,
                }}
                icon={<QrcodeOutlined/>}
            />
        </Popover>

    </ConfigProvider>
)
